<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07Vue的常用指令v-else-if</title>
</head>
<body>
<div id="app">
    <!--v-else-if-->
    <p>输入的成绩对于的等级是：</p>
    <p v-if="score >= 90">优秀</p>
    <p v-else-if="score >= 80">良好</p>
    <p v-else-if="score >= 60">及格</p>
    <p v-else>不及格</p>
    <input type="text" v-model="score">
</div>
<script src=" https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<script>
    //通过数据操控界面

    let vm = new Vue({
        el: '#app',
        data: {
            //v-else-if.
            score: 50  //优秀 良好 及格 不及格
        }
    });
</script>
</body>
</html>